﻿<!DOCTYPE html>
<html>
  <head>
    <title>5 - 闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/5_-_闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/5_-_闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (屏幕) -->

      <!-- Unnamed (矩形) -->
      <div id="u3046" class="ax_default box_1">
        <div id="u3046_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3047" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3048" class="ax_default box_1">
        <div id="u3048_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3049" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3050" class="ax_default icon">
        <img id="u3050_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u3051" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3052" class="ax_default icon">
        <img id="u3052_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u3053" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3054" class="ax_default label">
        <div id="u3054_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3055" class="text">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3056" class="ax_default label">
        <div id="u3056_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3057" class="text">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3058" class="ax_default label">
        <div id="u3058_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3059" class="text">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3060" class="ax_default icon">
        <img id="u3060_img" class="img " src="images/1_-_闹钟首页/u87.png"/>
        <!-- Unnamed () -->
        <div id="u3061" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3062" class="ax_default _标题_3">
        <div id="u3062_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3063" class="text">
          <p><span>1. 闹钟响起时，屏幕显示预先选择的叫醒方式任务。</span></p><p><span>用户完成任务后闹钟将会关闭。</span></p><p><span>（此处以默认铃声叫醒为例。）</span></p><p><span><br></span></p><p><span>2. 闹钟铃声由弱至强响起。页面上方显示当前系统时间、日期及礼拜数。</span></p><p><span><br></span></p><p><span>3. 若开启天气提醒功能中的语音和文字，同时结合相应的闹钟关闭手势，闹钟会呈现不同的天气提醒方式。</span></p><p><span>此处闹钟关闭手势为向上滑动，闹钟停止。显示闹钟页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3064" class="ax_default ellipse">
        <img id="u3064_img" class="img " src="images/4_2_-_高级功能/u2733.png"/>
        <!-- Unnamed () -->
        <div id="u3065" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3066" class="ax_default ellipse">
        <img id="u3066_img" class="img " src="images/4_2_-_高级功能/u2735.png"/>
        <!-- Unnamed () -->
        <div id="u3067" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3068" class="ax_default line">
        <img id="u3068_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3069" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3070" class="ax_default line">
        <img id="u3070_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3071" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3072" class="ax_default line">
        <img id="u3072_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3073" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3074" class="ax_default line">
        <img id="u3074_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3075" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u3076" class="ax_default _图像">
        <img id="u3076_img" class="img " src="images/1_-_闹钟首页/u105.png"/>
        <!-- Unnamed () -->
        <div id="u3077" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3078" class="ax_default ellipse">
        <img id="u3078_img" class="img " src="images/4_2_-_高级功能/u2747.png"/>
        <!-- Unnamed () -->
        <div id="u3079" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3080" class="ax_default ellipse">
        <img id="u3080_img" class="img " src="images/4_2_-_高级功能/u2747.png"/>
        <!-- Unnamed () -->
        <div id="u3081" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3082" class="ax_default line">
        <img id="u3082_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3083" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3084" class="ax_default line">
        <img id="u3084_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3085" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3086" class="ax_default line">
        <img id="u3086_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3087" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (横线) -->
      <div id="u3088" class="ax_default line">
        <img id="u3088_img" class="img " src="images/4_2_-_高级功能/u2757.png"/>
        <!-- Unnamed () -->
        <div id="u3089" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3090" class="ax_default label">
        <div id="u3090_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3091" class="text">
          <p style="font-size:30px;"><span style="font-family:'Rockwell Normal', 'Rockwell';font-size:32px;">10/10 </span><span style="font-family:'微軟正黑體';">周四</span><span style="font-family:'Rockwell Normal', 'Rockwell';font-size:32px;">&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3092" class="ax_default line">
        <img id="u3092_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3093" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3094" class="ax_default label">
        <div id="u3094_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3095" class="text">
          <p><span>9:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3096" class="ax_default label">
        <div id="u3096_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3097" class="text">
          <p><span>当前阵雨。</span></p><p><span>气温26℃；预计最高气温30℃。</span></p><p><span>降雨概率：10%&nbsp; &nbsp; &nbsp; &nbsp; </span></p><p><span>湿度：83%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3098" class="ax_default label">
        <div id="u3098_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3099" class="text">
          <p><span>26℃</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3100" class="ax_default icon">
        <img id="u3100_img" class="img " src="images/4_2_-_高级功能/u2769.png"/>
        <!-- Unnamed () -->
        <div id="u3101" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3102" class="ax_default label">
        <div id="u3102_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3103" class="text">
          <p><span>向上滑动关闭闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3104" class="ax_default label">
        <div id="u3104_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3105" class="text">
          <p><span>.</span></p><p><span>.</span></p><p><span>.</span></p><p><span>.</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3106" class="ax_default _标题_1">
        <div id="u3106_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3107" class="text">
          <p><span>闹钟响起时</span></p>
        </div>
      </div>

      <!-- Unnamed (屏幕) -->

      <!-- Unnamed (矩形) -->
      <div id="u3109" class="ax_default box_1">
        <div id="u3109_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3110" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3111" class="ax_default box_1">
        <div id="u3111_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3112" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3113" class="ax_default icon">
        <img id="u3113_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u3114" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3115" class="ax_default icon">
        <img id="u3115_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u3116" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3117" class="ax_default label">
        <div id="u3117_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3118" class="text">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3119" class="ax_default label">
        <div id="u3119_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3120" class="text">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3121" class="ax_default label">
        <div id="u3121_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3122" class="text">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3123" class="ax_default icon">
        <img id="u3123_img" class="img " src="images/1_-_闹钟首页/u87.png"/>
        <!-- Unnamed () -->
        <div id="u3124" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3125" class="ax_default ellipse">
        <img id="u3125_img" class="img " src="images/4_2_-_高级功能/u2733.png"/>
        <!-- Unnamed () -->
        <div id="u3126" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3127" class="ax_default ellipse">
        <img id="u3127_img" class="img " src="images/4_2_-_高级功能/u2735.png"/>
        <!-- Unnamed () -->
        <div id="u3128" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3129" class="ax_default line">
        <img id="u3129_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3130" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3131" class="ax_default line">
        <img id="u3131_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3132" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3133" class="ax_default line">
        <img id="u3133_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3134" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3135" class="ax_default line">
        <img id="u3135_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3136" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u3137" class="ax_default _图像">
        <img id="u3137_img" class="img " src="images/1_-_闹钟首页/u105.png"/>
        <!-- Unnamed () -->
        <div id="u3138" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3139" class="ax_default ellipse">
        <img id="u3139_img" class="img " src="images/4_2_-_高级功能/u2747.png"/>
        <!-- Unnamed () -->
        <div id="u3140" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u3141" class="ax_default ellipse">
        <img id="u3141_img" class="img " src="images/4_2_-_高级功能/u2747.png"/>
        <!-- Unnamed () -->
        <div id="u3142" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3143" class="ax_default line">
        <img id="u3143_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3144" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3145" class="ax_default line">
        <img id="u3145_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3146" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3147" class="ax_default line">
        <img id="u3147_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3148" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (横线) -->
      <div id="u3149" class="ax_default line">
        <img id="u3149_img" class="img " src="images/4_2_-_高级功能/u2757.png"/>
        <!-- Unnamed () -->
        <div id="u3150" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3151" class="ax_default label">
        <div id="u3151_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3152" class="text">
          <p style="font-size:30px;"><span style="font-family:'Rockwell Normal', 'Rockwell';font-size:32px;">10/10 </span><span style="font-family:'微軟正黑體';">周四</span><span style="font-family:'Rockwell Normal', 'Rockwell';font-size:32px;">&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3153" class="ax_default line">
        <img id="u3153_img" class="img " src="images/4_2_-_高级功能/u2737.png"/>
        <!-- Unnamed () -->
        <div id="u3154" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3155" class="ax_default label">
        <div id="u3155_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3156" class="text">
          <p><span>9:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3157" class="ax_default label">
        <div id="u3157_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3158" class="text">
          <p><span>当前阵雨。</span></p><p><span>气温26℃；预计最高气温30℃。</span></p><p><span>降雨概率：10%&nbsp; &nbsp; &nbsp; &nbsp; </span></p><p><span>湿度：83%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3159" class="ax_default label">
        <div id="u3159_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3160" class="text">
          <p><span>26℃</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3161" class="ax_default icon">
        <img id="u3161_img" class="img " src="images/4_2_-_高级功能/u2769.png"/>
        <!-- Unnamed () -->
        <div id="u3162" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3163" class="ax_default label">
        <div id="u3163_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3164" class="text">
          <p><span>向上滑动关闭闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3165" class="ax_default label">
        <div id="u3165_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3166" class="text">
          <p><span>.</span></p><p><span>.</span></p><p><span>.</span></p><p><span>.</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3167" class="ax_default _标题_1">
        <div id="u3167_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3168" class="text">
          <p><span>小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3169" class="ax_default _标题_3">
        <div id="u3169_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3170" class="text">
          <p><span>1. 根据先前为闹钟设置的“小睡-操作手势”，执行从而延长闹钟响起时间，此时所有闹钟叫醒动作停止，屏幕显示“再小睡 X分X秒”，并倒计时；计时结束时闹钟响起，显示“闹钟响起”页面，直至用户再次延迟/停止闹钟。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3171" class="ax_default box_2">
        <div id="u3171_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3172" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3173" class="ax_default icon">
        <img id="u3173_img" class="img " src="images/4_2_-_高级功能/u2769.png"/>
        <!-- Unnamed () -->
        <div id="u3174" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3175" class="ax_default label">
        <div id="u3175_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3176" class="text">
          <p><span>向上滑动关闭闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3177" class="ax_default label">
        <div id="u3177_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3178" class="text">
          <p><span>.</span></p><p><span>.</span></p><p><span>.</span></p><p><span>.</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3179" class="ax_default label">
        <div id="u3179_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3180" class="text">
          <p style="font-size:30px;"><span>还</span></p><p style="font-size:30px;"><span>有</span></p><p style="font-size:45px;"><span>4分钟30秒</span></p><p style="font-size:30px;"><span>再</span></p><p style="font-size:30px;"><span>次</span></p><p style="font-size:30px;"><span>响</span></p><p style="font-size:30px;"><span>铃</span></p><p style="font-size:30px;"><span>！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3181" class="ax_default label">
        <div id="u3181_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3182" class="text">
          <p><span>9:00</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
